<!--
 * @FilePath: index.vue
 * @Author: 杜芬
 * @Date: 2021-12-16 11:10:55
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-08-22 16:27:50
 * Copyright: 2022 xxxTech CO.,LTD. All Rights Reserved.
 * @Descripttion: 页面
-->
<template>
  <div class="tag-echart">
    <div class="barEchart1">
      <h2>柱状图表echart1</h2>
      <barEchart class="echart" />
    </div>
    <div class="barEchart1">
      <h2>柱状图表echart2</h2>
      <barEchart2 class="echart" />
    </div>
    <div class="barEchart1">
      <h2>柱状图表echart3</h2>
      <barEchart3 class="echart" />
    </div>
    <div class="barEchart1">
      <h2>折线图图表echart</h2>
      <line-echart class="echart" />
    </div>
    <div class="barEchart1">
      <h2>折线图堆叠图2echart</h2>
      <line-echart2 class="echart" />
    </div>
    <div class="barEchart1">
      <h2>散点图echart</h2>
      <sandianEchart class="echart" />
    </div>
    <div class="barEchart1">
      <h2>饼图echart</h2>
      <pieEchart class="echart" />
    </div>
    <div class="barEchart1">
      <h2>饼图echart</h2>
      <pieEchart2 class="echart" />
    </div>
    <div class="barEchart1">
      <h2>饼图echart</h2>
      <pieEchart3 class="echart" />
    </div>
    <div class="barEchart1">
      <h2>饼图echart4</h2>
      <pieEchart4 class="echart"></pieEchart4>
    </div>
    <div class="barEchart1">
      <h2>折线图3echart4</h2>
      <lineEchart3 class="echart"></lineEchart3>
    </div>
  </div>
</template>
<script>
// src\views\tagEchart\component\barEchart2.vue
// import lineChart0 from './component/lineChart0.vue'
import barEchart2 from './component/barEchart2.vue';
import barEchart3 from './component/barEchart3.vue';
import barEchart from './component/barEchart.vue';
import lineEchart from './component/lineEchart.vue';
import lineEchart2 from './component/lineEchart2.vue';
import lineEchart3 from './component/lineEchart3.vue';
import sandianEchart from './component/sandianEchart.vue';
import pieEchart from './component/pieEchart.vue';
import pieEchart2 from './component/pieEchart2.vue';
import pieEchart3 from './component/pieEchart3.vue';
import pieEchart4 from './component/pieEchart4.vue';
export default {
  name: 'TagEchart',
  components: {
    // lineChart0,
    barEchart,
    barEchart2,
    barEchart3,
    lineEchart,
    lineEchart2,
    lineEchart3,
    sandianEchart,
    pieEchart,
    pieEchart2,
    pieEchart3,
    pieEchart4,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.tag-echart {
  width: 100%;
  height: 100%;
  .barEchart1 {
    width: 600px;
    height: 500px;
    .echart {
      width: 100%;
      height: 90%;
    }
    h2 {
      margin: 10px 0;
    }
  }
}
</style>
